body {
	display: flex;
	flex-direction: column;
	background-color: #e8e8e8;
	// 个人资料
	#head {
		background-color: #fff;
		padding: 20px;
		.head-data {
			position: relative;
			display: flex;
			justify-content: flex-start;
			text-align: center;
			line-height: 95px;
			color: #101010;
			margin-bottom: 20px;
			position: relative;
			.skip {
				position: absolute;
				top: 0;
				right: 0;
			}
			// 头像
			.head-img {
				width: 100px;
				height: 100px;
				border-radius: 50%;
				background-color: #e8e8e8;
				margin-right: 10px;
				border: 2px solid #4797fe;
				img {
					width: 100px;
					height: 100px;
					border-radius: 50%;
				}
			}
			// vip图标
			.icon-vip {
				position: absolute;
				font-size: 30px;
				color: #ff6600;
				top: 50px;
				left: 60px;
			}
		}
		.signature {
			color: #615e59;
			font-size: 14px;
		}
	}
	// 运动数据
	#sportsData {
		background-color: #fff;
		padding: 20px;
		margin: 20px 0;
		position: relative;
		.skip1 {
			position: absolute;
			top: 20px;
			right: 20px;
		}
		.title {
			color: #0b0b0b;
			font-size: 16px;
			.icon-statistics {
				color: #4797fe;
				margin-right: 8px;
			}
		}
		// 具体数据
		.data-content {
			display: flex;
			justify-content: space-between;
			margin-top: 5px;
			line-height: 40px;
			// 总运动
			.total-motion {
				margin-left: 20px;
				&:first-child {
					color: #8e8b8b;
				}
				.time {
					color: #4797fe;
					font-size: 14px;
					color: #2e2e41;
					span {
						font-size: 30px;
						color: #4797fe;
					}
				}
			}
			// i标签
			i {
				display: inline-block;
				width: 1px;
				height: 86px;
				background-color: #ccc;
			}
			.week-cosum {
				margin-left: 20px;
				.word {
					color: #8e8b8b;
				}
				.week-data {
					color: #4797fe;
					font-size: 14px;
					color: #2e2e41;
					span {
						font-size: 30px;
						color: #4797fe;
					}
				}
			}
		}
	}
	// 运动徽章
	#SportsBadge {
		color: #101010;
		padding: 20px;
		background-color: #fff;
		position: relative;
		.skip2 {
			position: absolute;
			top: 20px;
			right: 20px;
		}
		.icon-letter2 {
			color: #4797fe;
			font-size: 20px;
			margin-right: 5px;
		}
		ul {
			display: flex;
			justify-content: space-between;
			margin-top: 10px;
			li {
				width: 80px;
				height: 80px;
				border-radius: 50%;
				border: 2px solid #ccc;
			}
		}
	}
	// 退出登录
	#logOut {
		background-color: #fff;
		margin-top: 20px;
		text-align: center;
		line-height: 40px;
		#btn {
			width: 100%;
			height: 50px;
			color: #4797fe;
			background-color: #fff;
			&:hover {
				background-color: #0ff;
				color: #fff;
			}
		}
	}

	.tabbar {
		height: 50px;
		background-color: aqua;
	}
}
